body{background: linear-gradient(lightgrey,white);
    margin: 0;}
@media screen {div#Header{
    width: 100%;
    margin: 0px;
    background: greenyellow;
    position: fixed;
    border-color: green;
    height: 35px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5)
}}
@media print {div#header {visibility: hidden}}

div#Body{
    margin-top: 0;
    margin-left: 12%;
    width: 75%;
    background: white;
    align-content: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    min-height: 1000px;
    position: absolute;

}
@media screen {
    .button{
        border-radius: 12px;
        background-color: red;
        width: 100px;
        visibility: inherit;

    }
}
@media print {.button {visibility: hidden}

}

@media all {
    table#table {
        border: solid 1px;
        border-collapse: collapse;
        width: 80%;
        margin: 10%;
        background-color: yellow;
    }
    td.cell {
        border: solid 1px;
        margin: 0;
        cursor: pointer;

    }
    tr.row {
        height: 12pt;
    }
    td.cell:hover {background-color: green;
    }
    td.cell_selected {
        background-color: red;
    }
    td.cell_selected:hover {
        background-color: brown;
    }
}